<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Produtos/Compra</title>
        <script>
            function set(cmd, idProduto){
                document.formulario.cmd.value = cmd;
                document.formulario.idProduto.value = idProduto;
            }
        </script>
        
    </head>
    <body bgcolor="#ffffddd">
        
        <%@ include file="divInclude.jsp" %>
        
        <h1 align="center">Produdos disponíveis</h1>
        
        <h3 align="center" style="color:red" >${requestScope["ERRO"]}</h3>
        <h3 align="center" style="color:green" >${requestScope["SUCESSO"]}</h3>
        
        <form action="Controlador" name="formulario" method="post">
            
            <input type="hidden" name="cmd" id="cmd" value=""/>
            <input type="hidden" name="idProduto" id="idProdudo" value=""/>
            
            <table align="center" width="80%" cellpadding="2" cellspacing="1" bgcolor="#EEE8AA">
                <tr bgcolor="#EEDD82">
                    <th scope="col">C&oacute;digo</th>
                    <th scope="col">Nome/Descri&ccedil;&atilde;o</th>
                    <th scope="col">QTD Disponível</th>
                    <th scope="col">Preço por unidade</th>
                    <th scope="col">Compra por unidade</th>
                    <th scope="col">Comprar tudo</th>
                </tr>
                
                <c:forEach items="${sessionScope.produtosDisponiveis}" var="p">
                    <tr>
                        <td width="20%" style="BORDER-BOTTOM: #FFFFFF 2px solid;">${p.codigo}</td>
                        <td width="30%" title="${p.descricao}" style="BORDER-BOTTOM: #FFFFFF 2px solid;">${p.nome}</td>
                        <td width="10%" style="BORDER-BOTTOM: #FFFFFF 2px solid;">${p.qtd} ${p.unidade}</td>
                        <td width="10%" style="BORDER-BOTTOM: #FFFFFF 2px solid;">${p.preco}</td>
                        <td style="BORDER-BOTTOM: #FFFFFF 2px solid;">
                            <input name="ComprarUnidade" type="submit" id="Comprar" value="Comprar" onclick="set('AdicionarItem','${p.id}');" />
                        </td>
                        <td style="BORDER-BOTTOM: #FFFFFF 2px solid;">
                            <input name="Excluir" type="submit" id="AddTodos" value="Comprar Todos" onclick="set('AdiconarTodosItens','${p.id}')" />
                        </td>
                    </tr>
                </c:forEach>
            </table>
            
            <br/>
            <br/>
            <div align="center">
                <fieldset style="width:41%;border:3px:background:#black;background-color:#EEE8AA;color:red">
                    <legend>Outras Opções:</legend>
                    <input type="submit" value="Limpar Carrinho" name="LimparCarrinho" style="width:155px" onclick="set('LimparPedido','-1')" />
                    <input type="submit" value="Fechar Compra" name="FecharCompra" style="width:155px" onclick="set('FecharCompra','-1')" />
                </fieldset>
            </div>
            
            <h2 align="center">Seu Carrinho de Compras</h2>
            <h3 align="center">Valor Previsto do pedido: <font color="red">${sessionScope.cliente.pedidoAberto.preco}</font></h3>
            <br/>
            <table align="center" width="70%"  cellpadding="2" cellspacing="1" bgcolor="#EEE8AA">
                
                <tr bgcolor="#EEDD82">
                    <th scope="col">C&oacute;digo</th>
                    <th scope="col">Nome</th>
                    <th scope="col">QTD Pedida</th>
                    <th scope="col">Remover uma unidade</th>
                    <th scope="col">Remover tudo</th>
                </tr>
                
                <c:forEach items="${sessionScope.cliente.pedidoAberto.listaItens}" var="item">
                    <tr>
                        <td width="20%" style="BORDER-BOTTOM: #FFFFFF 2px solid;">${item.produto.codigo}</td>
                        <td width="40%" style="BORDER-BOTTOM: #FFFFFF 2px solid;">${item.produto.nome}</td>
                        <td width="20%" style="BORDER-BOTTOM: #FFFFFF 2px solid;">${item.qtd} ${item.produto.unidade}</td>
                        <td style="BORDER-BOTTOM: #FFFFFF 2px solid;">
                            <input name="RemoverUnidade" type="submit" id="Remover" value="Remover" onclick="set('RemoverUnidade',${item.produto.id})" />
                        </td>
                        <td style="BORDER-BOTTOM: #FFFFFF 2px solid;">
                            <input name="LimparProdutos" type="submit" id="Excluir" value="Remover Todos" onclick="set('RemoverItem',${item.produto.id})" />
                        </td>
                    </tr>
                </c:forEach>
                
            </table>
            
        </form>
    </body>
</html>
